草庐IT

前端 PM

全部标签

【前端可视化】前端大屏适配方案

方案一:rem单位+动态设置html的font-size动态设置html根字体的大小和body字体大小(使用lib_flexible.js)将设计稿的宽(1920)平均分成24等份,每一份80px;html根字体大小就设置为80px,即1rem=80px,24rem=1920px(移动端推荐分为10份);将body字体大小设置为16px;最后需要使用插件或者其他方式将px转为rem单位:手动、less/scss函数、cssrem插件、webpack插件、Vite插件等。lib_flexible.js代码参考(functionflexible(window,document){vardocEl=

【前端】Vue2 脚手架模块化开发 -快速入门

🎄欢迎来到@边境矢梦°的csdn博文🎄 🎄本文主要梳理Vue2脚手架模块化开发🎄🌈我是边境矢梦°,一个正在为秋招和算法竞赛做准备的学生🌈🎆喜欢的朋友可以关注一下🫰🫰🫰,下次更新不迷路🎆Ps:月亮越亮说明知识点越重要(重要性或者难度越大)🌑🌒🌓🌔🌕 目录🌸打造高效开发利器!教你搭建Vue2脚手架CLI🚀❤️段落1:安装CLI并创建Vue项目🌈段落2:开发入门,快速上手Vue🌰运行项目📌Vue项目结构分析✨段落3:Vue插件加持,开创无限可能🌸打造高效开发利器!教你搭建Vue2脚手架CLI🚀🌟引言段:目前开发模式的问题1.开发效率低2.不够规范3.维护和升级,可读性比较差为了解决这些问题,优秀的程

前端加载高德离线地图的解决方案

核心是需要下载地图瓦片放在本地,脱离在线地图服务,实现离线加载地图。使用BIGMap工具下载地图离线瓦片到本地下载地址:http://www.bigemap.com/reader/download/detail201802015.htmlBIGEMAPGISOffice-全能版需要注册试用版(免费)试用版可以下载到16级别的瓦片,单次下载不能超过100M关于单次下载不能超过100M的问题想到是否可以分多次框选区域去下载得出结论是不行因为分块下载的文件同级别瓦片的文件名都是一样的算法是根据瓦片名字去一一对应加载到屏幕相应xy位置上的。下载瓦片时也可以通过选择行政区域来进行区域的划分2、但是可以分

考试系统前端项目复盘

前段时间和朋友做了一个局域网考试系统,总共有3个端:考生端、监考端、管理端。框架与相关的库先简单说明一下我使用的框架和相关的库:构建工具:Vite框架:Vue3UI组件库:element-plus网络请求库:axios路由跳转:vue-router状态管理:piniaCSS扩展语言:sass其它与项目功能需求相关的库这里就不一一列出了多端非根路径部署考虑到每一个用户理论上只会使用其中一个端,如果将三个端绑定在一个Vue项目上,则会导致“捆绑销售”。因此,将三个端用三个Vue项目完成,然后让后端开发人员使用nginx配置好映射。最后我需要再写一个根路径的入口页面,用于跳转到三个端。/:根路径,页

文件下载-后台返回流给前端

importjava.io.IOException;importjava.nio.file.Files;importjava.nio.file.Path;importjava.nio.file.Paths;importjavax.servlet.ServletException;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;publicclassMyServletextendsHttpSer

618快到了送上自制前端小项目(html css js)

目录🚩.自定义播放器🏠.图片自动消失✨.小轮播图🎃.旋转音乐盒 前言:这些小项目全都是自创的。如果需要应用,或则转发的话请与博主联系,感谢你们的理解, 1.自定义播放器在页面中放置26个div,每个div中写一个字母。html结构中引入8个音频结构。给每个div绑定点击键盘事件。根据键盘的每个keyCode的不同来动态绑定对应的音频文件。当按下对应的键盘字母,增添css样式,音频播放。放开时,存储点击的事件,将对应的音频存储在一个数组中。点击按钮,循环播放存储的音频数组html:QclapWclapEclapRclapTclapYclapUclapIclapOclapPclapAclapScl

Bun 1.0 正式发布,爆火的前端运行时,速度遥遥领先!

9月8日,前端运行时Bun1.0正式发布,如今,Bun已经稳定并且适用于生产环境。Bun不仅是一个专注性能与开发者体验的全新JavaScript运行时,还是一个快速的、全能的工具包,可用于运行、构建、测试和调试JavaScript和TypeScript代码,无论是单个文件还是完整的全栈应用。2022年7月,Bun发布,随即爆火,成为年度最火的前端项目:Bun的流行程度伴随着在去年夏天发布的第一个Beta版而爆炸性增长:仅一个月内,就在GitHub上获得了超过两万颗Star。Bun不仅仅是一个运行时。它也是:一个包管理器(类似Yarn、NPM、PNPM)一个构建工具(类似Webpack、ESBu

【vue导入导出Excel】vue简单实现导出和导入复杂表头excel表格功能【纯前端版本和配合后端版本】

前言这是一个常用的功能,就是导入和导出excel表格但是时常会遇到一些复杂表头的表格导出和导入比如我这个案例里面的三层表头的表格。网上看了下发现了一个非常简单导出和导入方法当然这个是纯前端的版本,会出现分页不好下载的情况。所以实际工作中,导出还是后端负责的。效果图这里是表格的样式,三层表头 这里是点击导出后的效果和表格格式 这里是点击导入后的效果和获取的数据格式 使用方法简介1,要下载一个插件,输入这个指令:npminstall-S file-saver xlsx2,在页面中引入这个,直接在你需要写导入导出的表格页面写就行3,给你的表格绑上这个id。用来导出的时候拿数据的 这里如果想要导入后获

前端 react教程(详细版)

1.React概述1.1React是什么React是一个用于构建用户界面的JavaScript库。React的主要特点是组件化、声明式编程以及高效的DOM更新机制。React由Facebook开发并开源,已经成为目前最流行的前端框架之一。1.2React的特点声明式编程:React采用声明式编程模式,使得代码更加易于阅读和理解。组件化:React将页面分解成多个组件,每个组件都有自己的状态和生命周期,方便复用和维护。单向数据流:React采用单向数据流的模式,父组件通过props向子组件传递数据,子组件通过回调函数向父组件传递数据。虚拟DOM:React采用虚拟DOM的技术,通过对比前后两个虚

前端面试:【前端安全】安全性问题与防范措施

嗨,亲爱的前端开发者!在构建Web应用程序时,确保安全性是至关重要的。本文将深入讨论前端开发中的安全性问题,并提供一些防范措施,以确保你的应用程序和用户数据的安全性。前端安全性问题:跨站脚本攻击(XSS):XSS攻击发生在恶意用户将恶意脚本注入到网页中,然后用户在浏览器中运行这些脚本时会受到攻击。防范措施:使用内容安全策略(CSP)、对用户输入进行验证和编码、避免在网页中直接插入用户提供的内容。跨站请求伪造(CSRF):CSRF攻击发生在恶意网站或邮件中包含了伪造请求,用户在登录状态下访问这些网站或点击这些邮件时,可能会执行不想要的操作。防范措施:使用CSRF令牌(Token)、验证请求的来源